<template>
  <div
    id="app"
    :style=" {height:height,width:width} "
  >
    <router-view />
  </div>
</template>
<script>
import axios from "axios";

export default {
  data() {
    return {
      height: 0,
      width: 0,
    };
  },
  mounted() {
   
    let width = window.innerWidth;
    let wp = (width / 1920).toFixed(6);
    this.width = width + "px";

    this.height = (1080 * wp).toFixed(2) + "px";
  },
};
</script>
<style lang="less">
body,
html,
#app {
  height: 100%;
  width: 100%;
}
* {
  margin: 0;
  padding: 0;
}
.el-select-dropdown {
  background: #01182f;
}
/*控制整个滚动条*/
::-webkit-scrollbar {
  background-color: transparent;
  width: 6px;
  height: 3px;
  background-clip: padding-box;
}

/*滚动条两端方向按钮*/
::-webkit-scrollbar-button {
  height: 0px;
}

/*滚动条中间滑动部分*/
::-webkit-scrollbar-thumb {
  background-color: #c1c1c1;
  border-radius: 3px;
}

/*滚动条右下角区域*/
::-webkit-scrollbar-corner {
  background-color: transparent;
}
</style>
